<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="app">
        <!-- <h2>{{message}}</h2> --> <!-- 真实开发中这里可能不需要写任何东西，而是需要剥离出去，因为大多数时候不是要频繁修改这个html文件 -->
    </div>
</body>

</html>

<!--
    在cmd终端中，使用webpack打包命令如下：
    D:\My Study\Vue\learn-vuejs\learnvuejs04-v2\01-webpack的使用\01-webpack的起步> webpack ./src/main.js ./dist/bundle.js
    将./src/main.js以及main.js的依赖，打包到./dist/bundle.js中（webpack会自动寻找main.js的依赖并将其打包）

    不过我这里运行不成功，目前不知道原因：（原因已知晓，由于webpack版本问题，后续的打包过程中style-loader、css-loader、url-loader和file-loader报错，也是由于版本问题）
    PS D:\My Study\Vue\learn-vuejs\learnvuejs04-v2\01-webpack的使用\01-webpack的起步> webpack ./src/main.js ./dist/bundle.js
    assets by status 336 bytes [cached] 1 asset
    orphan modules 51 bytes [orphan] 1 module
    ./src/main.js + 1 modules 239 bytes [built] [code generated]
    ./src/mathUtils.js 184 bytes [built] [code generated]

    WARNING in configuration
    The 'mode' option has not been set, webpack will fallback to 'production' for this value.
    Set 'mode' option to 'development' or 'production' to enable defaults for each environment.
    You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/configuration/mode/

    ERROR in main
    Module not found: Error: Can't resolve './dist/bundle.js' in 'D:\My Study\Vue\learn-vuejs\learnvuejs04-v2\01-webpack的使用\01-webpack的起步'
    resolve './dist/bundle.js' in 'D:\My Study\Vue\learn-vuejs\learnvuejs04-v2\01-webpack的使用\01-webpack的起步'
    No description file found in D:\My Study\Vue\learn-vuejs\learnvuejs04-v2\01-webpack的使用\01-webpack的起步 or above
    No description file found in D:\My Study\Vue\learn-vuejs\learnvuejs04-v2\01-webpack的使用\01-webpack的起步\dist or above
    no extension
        D:\My Study\Vue\learn-vuejs\learnvuejs04-v2\01-webpack的使用\01-webpack的起步\dist\bundle.js doesn't exist
    .js
        D:\My Study\Vue\learn-vuejs\learnvuejs04-v2\01-webpack的使用\01-webpack的起步\dist\bundle.js.js doesn't exist
    .json
        D:\My Study\Vue\learn-vuejs\learnvuejs04-v2\01-webpack的使用\01-webpack的起步\dist\bundle.js.json doesn't exist
    .wasm
        D:\My Study\Vue\learn-vuejs\learnvuejs04-v2\01-webpack的使用\01-webpack的起步\dist\bundle.js.wasm doesn't exist
    as directory
        D:\My Study\Vue\learn-vuejs\learnvuejs04-v2\01-webpack的使用\01-webpack的起步\dist\bundle.js doesn't exist

    webpack 5.58.2 compiled with 1 error and 1 warning in 410 ms
    PS D:\My Study\Vue\learn-vuejs\learnvuejs04-v2\01-webpack的使用\01-webpack的起步> 
    
-->